<template>
  <div class="d-paner d-paner-noborder">
    <div class="d-paner-header">
      <div class="d-paner-caption">
        <div class="d-caption-text d-text-center">{{ data.title }}</div>
      </div>
    </div>
    <div class="d-paner-body">
      <pre>{{ data.content }}</pre>
    </div>
  </div>
</template>

<script>
import noteSer from '../../service/action/note.action.js'

export default {
  components: {

  },

  data () {
    return {
      data: {}
    }
  },

  methods: {

  },

  mounted () {
    let id = this.$route.params.id
    // 查询指定id对就的树形数据
    noteSer.queryItem({ id }).then(res => {
      let item = (res || {}).data || {}
      this.data = item
    })
  }
}
</script>

<style scoped>
.d-caption-text {
  width: 100%;
}
</style>
